
<template>
<h1>文本指令练习</h1>
  <h4>结果是：{{info2}}</h4>
  <button @click="f">按钮</button>
  <p v-text="info2"></p>
  <p v-html="info2"></p>
  <hr>
 <p>计数:{{count}}</p>
<!--  <button @click="f2">按钮</button>-->
</template>
<script setup >
import {ref} from "vue";

const info = ref('我是info')
const info2 = ref('今天<b>我好困</b>，<mark>你困吗</mark>')
const f = ()=>{
  console.log('点击了按钮');
  console.log(info.value);

  const count = ref(0);
  /*const f2 = () => {
    count.value++;
  }*/
}
</script>
<style scoped>

</style>